<%@page contentType="text/html" pageEncoding="UTF-8" import="Funcionalidad.*,java.util.*" session="true"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<%
        //guardamos la información de las fotografias de las galerias dentro de una lista.
int id_galeria = Integer.parseInt(request.getParameter("id"));

        Galeria galery=Galerias.getGaleria(id_galeria);

        List<Fotografia> galeria = new ArrayList();
        try {
            galeria = Fotografias.consultaGaleria(id_galeria);
        } catch (Exception ex) {
            out.print(ex.getMessage());
        }

%>
<jsp:include page="Cabecera.jsp"/>
<html>
    <link rel="stylesheet" href="../css/lightbox.css" type="text/css" media="screen" />
    <script src="../js/prototype.js" type="text/javascript"></script>
    <script src="../js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
    <script src="../js/lightbox.js" type="text/javascript"></script>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <div id="principal" class="galeria">
    <body>
        
        <table border='0'>
        <h1><%= galery.getNombre() %></h1>
        <table border='0' cellspacing=30>
            <% int cont = 0;%>
            <tr>
                <%
                //recorremos la lista de fotografias para poner su foto y el titulo
                //que solo estén 4 por fila.
        Iterator it = galeria.iterator();
        while (it.hasNext()) {
            Fotografia foto = (Fotografia) it.next();
            if (cont < 4) {%>
                <td><a href="<%= foto.getRuta()%>" rel=lightbox[roadtrip]>&nbsp;&nbsp;<IMG  src="<%= foto.getRuta()%>" width="200" ></a>
                <br /><a href="../Apariencia/VistaFotoComentarios.jsp?id=<%= foto.getId_foto()%>"><%= C_fotos.N_Comentarios(foto.getId_foto()) %></a></td>
                <% cont++;
                    } else {
                        cont = 1;%>
            </tr>
            <tr>
            <td><a href="<%= foto.getRuta()%>" rel=lightbox[roadtrip]>&nbsp;&nbsp;<IMG  src="<%= foto.getRuta()%>" width="200" ></a>
            <br /><a href="../Apariencia/VistaFotoComentarios.jsp?id=<%= foto.getId_foto()%>"><%= C_fotos.N_Comentarios(foto.getId_foto()) %></a></td>

            <%}%>
            <td>&nbsp&nbsp&nbsp&nbsp</td>
            <%}%>
        </table>
        
    </body>
    </div>
</html>
